body{
	background: url(../img/bg.png) no-repeat top center;
	background-size: 100% 100%;
    height: 100vh;
	overflow: hidden;
}
.wrap{
	width: 1920px;
	height: 1080px;   
	position: relative;
    transform-origin: 0 0;
}
.head{
	height: 75px;
	text-align: center;
	color: #fff;
	background: url(../img/head.png) no-repeat center;
	background-size: 100% 100%;
	display: flex;
	justify-content: space-between;
	padding: 0 35px 0 55px;
	.name{
		font-family: CKTKingkong Bold;
		font-weight: bold;
		font-size: 28px;
		color: #FFFFFF;
		line-height: 72px;
		letter-spacing: 3px;
		text-shadow: 0 0 5px rgba(255,255,255,0.8);
	}
	.time{
		font-family: Source Han Sans CN;
		font-weight: bold;
		font-size: 20px;
		color: #FFFFFF;
		line-height: 56px;
		span{
			margin-left: 20px;
		}
	}
}
.main{	
	padding: 0 30px;
	.left{
		float: left;
		width: 475px;
		.box{
			width: 100%;
			height: 306px;
			background: url(../img/b1.png) no-repeat center;
			background-size: 100% 100%;
			margin-top: 19px;
			.title{
				font-family: HelloFont WenYiHei;
				font-weight: 400;
				font-size: 20px;
				color: #FFFFFF;
				line-height: 30px;
				font-style: italic;
				padding-left: 24px;
			}
			.rank{
				padding: 5px 0 0 15px;
				height: 265px;
				overflow: hidden;
				ul{
					.item{
						width: 452px;
						height: 81px;
						background: url(../img/b3.png) no-repeat center;
						background-size: 100% 100%;
						position: relative;
						box-sizing: border-box;
						.num{
							width: 30px;
							height: 30px;
							text-align: center;
							line-height: 26px;
							position: absolute;
							left: -8px;
							top: 25px;	
							font-family: Arial;
							font-weight: 900;
							font-size: 18px;
							color: #FFFFFF;	
							background: url(../img/icon4.png) no-repeat center;
							background-size: 100% 100%;			
						}
						.num1{
							background: url(../img/icon1.png) no-repeat center;
							background-size: 100% 100%;
						}
						.num2{
							background: url(../img/icon2.png) no-repeat center;
							background-size: 100% 100%;
						}
						.num3{
							background: url(../img/icon3.png) no-repeat center;
							background-size: 100% 100%;
						}
						.t1{
							float: left;
							width: 120px;
							text-align: center;
							margin-top: 14px;							
							p{
								margin: 0 auto;
								text-align: center;
							}
							.img{
								width: 36px;
								height: 36px;
								background: #011223;
								border-radius: 50%;
								border: 1px solid #04609C;
								img{
									width: 100%;
									height: 100%;
									border-radius: 50%;
								}
							}
							.txt{
								font-family: Source Han Sans CN;
								font-weight: 400;
								font-size: 14px;
								color: #B0E5FF;
								opacity: 0.7;
							}
						}
						.w98{
							width: 98px;
						}
						.w110{
							width: 110px;
						}
						.t2{
							float: left;
							text-align: center;
							position: relative;
							margin-top: 14px;
							&::before{
								content: '';
								position: absolute;
								width: 1px;
								height: 55px;
								background: #04609C;
								left: 0;
								top: 0;
							}
							.img{
								width: 36px;
								height: 36px;
								background: #011223;
								border-radius: 50%;
								border: 1px solid #04609C;
							}
							.txt{
								font-family: Source Han Sans CN;
								font-weight: 400;
								font-size: 14px;
								color: #B0E5FF;
								opacity: 0.7;
							}
							p{
								font-family: Source Han Sans CN;
								font-weight: 400;
								font-size: 14px;
								color: #B0E5FF;
								opacity: 0.7;
								line-height: 26px;								
								&:last-child{
									font-family: Arial;
									font-weight: bold;
									font-size: 18px;
									color: #07F0FF;
									letter-spacing: 2px;
									span{
										font-size: 16px;
									}
								}
							}
						}
					}
				}
			}
		}
	}
	.right{
		float: right;
		width: calc(100% - 495px);
		.box1{
			width: 100%;
			.map{
				float: left;
				width: 1000px;
				height: 670px;
			}
			.list{
				float: right;
				width: 305px;
				height: 500px;
				padding-top: 40px;
				.item{
					width: 100%;
					height: 89px;
					background: url(../img/b4.png) no-repeat center;
					margin-top: 50px;
					display: flex;
					align-items: center;
					img{
						margin-top: -5px;
					}
					.txt{
						margin-left: 5px;
						.num{
							font-family: Arial;
							font-weight: bold;
							font-size: 24px;
							color: #FFFFFF;
							line-height: 30px;
							span{
								font-size: 16px;
								font-weight: 400;
							}
						}
						.tit{
							font-family: Source Han Sans CN;
							font-weight: 400;
							font-size: 18px;
							color: #B0E5FF;
							line-height: 24px;
						}
					}
				}
			}
		}
		.box2{
			float: left;
			width: 673px;
			height: 306px;
			background: url(../img/b2.png) no-repeat center;
			background-size: 100% 100%;
			&:last-child{
				float: right;
				background: url(../img/b6.png) no-repeat center;
				background-size: 100% 100%;
			}
			.title{
				font-family: HelloFont WenYiHei;
				font-weight: 400;
				font-size: 20px;
				color: #FFFFFF;
				line-height: 30px;
				font-style: italic;
				padding-left: 24px;
			}
			.orderDetail{
				padding: 0 15px;
				.s0{
					width: 180px;
				}
				.s1{
					width: 260px;
				}
				.s2{
					width: 100px;
				}
				.thead{
					display: flex;
					align-items: center;
					height: 40px;
					span{
						font-family: Source Han Sans CN;
						font-weight: 500;
						font-size: 16px;
						color: #93C2DB;	
						text-align: center;					
					}
				}
				.tbody{
					height: 220px;
					overflow: hidden;
					.item{
						display: flex;
						height: 44px;
						background: url(../img/b5.png) no-repeat center top;
						background-size: 100%;						
						span{
							font-family: Source Han Sans CN;
							font-weight: 400;
							font-size: 16px;
							color: #FEFEFE;
							line-height: 35px;
							text-align: center;
							flex-shrink: 0;
							overflow: hidden;
							text-overflow: ellipsis;
							white-space: nowrap;
						}
					}
				}
			}
		}
	}
}